import React from "react";
import { Row, Col } from "antd";
import styles from "./wg3.module.css";

interface WeGao3Props {
  activeMainIndex?: number;
}

const WeGao3: React.FC<WeGao3Props> = ({ activeMainIndex = 0 }) => {
  return (
    <div className={styles.WG2}>
      <Row style={{ height: "100%" }}>
        <Col
          className={styles.leftCol}
          xs={24}
          sm={12}
          md={12}
          lg={12}
          xl={12}
        >
          {activeMainIndex === 2 && (
            <div
              style={{ width: "100%", height: "100%" }}
              className={styles.fadeUpEnter}
            >
              <div className={styles.LeftOne}>全领域产品————</div>
              <div className={styles.LeftTwo}>产品及解决方案</div>
            </div>
          )}
        </Col>
        <Col
          className={styles.rightCol}
          xs={24}
          sm={12}
          md={12}
          lg={12}
          xl={12}
        >
          <div style={{ background: "white", width: "100%", height: "100%" }}>
            {/* 右侧内容 */}
          </div>
        </Col>
      </Row>
    </div>
  );
};

export default WeGao3;